// pages/food/food.js
// 引入模块
const http = require("../../utils/http");
const productData = require("../../utils/productData");
var app = getApp(); //全局app.js

Page({

    /**
     * 页面的初始数据
     */
    data: {
        location: "北京", //地址
        productData: productData, //产品分类数据
        list: [], //列表数据
        num: 1, //列表数据的页码page
        isShow: false, //加载更多数据按钮是否显示
        moreInfo: ""
    },
    //1.下拉底部，点击按钮加载更多数据
    getMore: function () {
        this.data.num++; //请求下一页数据
        wx.request({
            url: 'http://iwenwiki.com:3002/api/foods/list',
            method: 'GET',
            data: {
                city: this.data.location,
                page: this.data.num,
            },
            success: (params) => {
                //console.log(params.data);
                if (params.data.status == 200) {
                    this.setData({
                      list: this.data.list.concat(params.data.data.result),
                    });
                    if (params.data.data.result.length < 10) {
                        this.setData({
                            isShow: false,
                            moreInfo: "我是有底线的..."
                        });//隐藏按钮
                    }
                } else {//没有更多的数据
                    this.setData({
                        isShow: false,
                        moreInfo: "我是有底线的..."
                    });//隐藏按钮
                }
            }
        })
    },
    //2.产品分类，点击跳转到详情页面
    productType: function (params) {
      wx.navigateTo({
        url: '../productType/productType?itemId=' + params.currentTarget.dataset.mark,
      })
    },
    //3.列表信息，点击跳转到详情页面
    productDetail: function (params) {
        //console.log(params.currentTarget.dataset.id);
        wx.navigateTo({
          url: '../productDetail/productDetail?itemId=' + params.currentTarget.dataset.id,
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        //selectCity中使用wx.reLaunch跳转页面时传参
        // if (options.cityName) {
        //     this.setData({
        //         location: options.cityName,
        //         num: 1
        //     });
        // }
        //2.获取本地存储的城市
        var cityName = wx.getStorageSync('cityName');
        if (cityName) {
            this.setData({
                location: cityName
            });
        }

        //1.获取食疗坊列表数据
        http(
            'GET',
            "/api/foods/list", 
            {
                city: this.data.location,
                page: this.data.num,
            }, 
            "加载", 
            (params) => {
                //console.log(params);
                this.setData({
                    list: params.data.result,
                    isShow: true, //显示加载更多数据的按钮
                });
            },
            (error) => {
                //console.log(error);
                this.setData({
                    list: "",
                    isShow: false, //显示加载更多数据的按钮
                });
            }
        );
        
        /*
        wx.request({
          url: 'http://iwenwiki.com:3002/api/foods/list',
          method: 'GET',
          data: {
              city: this.data.location,
              page: this.data.num,
          },
          success: (params) => {
              //console.log(params.data.data.result);
              if (params.data.status == 200) {
                  this.setData({
                    list: params.data.data.result,
                    isShow: true, //显示加载更多数据的按钮
                  });
              } 
          }
        });
        */
        
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        //console.log("页面显示");
        if (app.globalData.cityName) {
            this.setData({
                location: app.globalData.cityName,
            });
        }
        //请求定位的城市的数据
        http(
            "GET",
            "/api/foods/list",
            {
                city: this.data.location, //其他城市暂时空数据
                page: 1,
            },
            "",
            (params) => {
                //console.log(params)
                this.setData({
                    list: params.data.result,
                    isShow: true, //显示加载更多数据的按钮
                });
                if (params.data.result.length < 6) {
                    this.setData({
                        isShow: false,
                        moreInfo: "我是有底线的..."
                    });
                }
            },
            (error) => {
                //console.log(error);
                this.setData({
                    list: "",
                    isShow: false, //显示加载更多数据的按钮
                });
            }
        )
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        //console.log("下拉刷新");
        this.data.num = 1;
        wx.request({
            url: 'http://iwenwiki.com:3002/api/foods/list',
            method: 'GET',
            data: {
                city: this.data.location,
                page: this.data.num,
            },
            success: (params) => {
                //console.log(params.data);
                if (params.data.status == 200) {
                    this.setData({
                      list: params.data.data.result,
                    });
                } else {//没有更多的数据
                    this.setData({
                        isShow: false,
                        moreInfo: "我是有底线的..."
                    });//隐藏按钮
                }
            }
        });
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        //console.log("上拉触底");
        this.data.num++; //请求下一页数据
        wx.request({
            url: 'http://iwenwiki.com:3002/api/foods/list',
            method: 'GET',
            data: {
                city: this.data.location,
                page: this.data.num,
            },
            success: (params) => {
                //console.log(params.data);
                if (params.data.status == 200) {
                    this.setData({
                      list: this.data.list.concat(params.data.data.result),
                    });
                } else {//没有更多的数据
                    this.setData({
                        isShow: false,
                        moreInfo: "我是有底线的...",
                        num: 1 //页码归为1
                    });//隐藏按钮
                }
            }
        });
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})